{include file="index@public/header" /}
<style>
    body {
      background: #e1e0de;
    }
    * {
      box-sizing: border-box;
    }
h1,
h2,
h3,
h4 {
  font-weight: 700 !important;
}
.layui-card-header {
  width: 100%;
  border-bottom: 1px solid #999 !important;
  padding-left: 5px;
}
.layui-card {
  padding: 10px 20px 50px;
}
p {
  margin: 0 0 10px !important;
}
.layui-container {
  padding: 0 !important;
}
img {
  max-width: 100%;
}
::-moz-selection {
  background: #cccccc;
  color: #ffffff;
}
::selection {
  background: #cccccc;
  color: #ffffff;
}
.layui-breadcrumb {
  padding-left: 5px;
}
.layui-card h1 {
  margin: 10px auto 0;
}
.description {
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0;
}


.layui-textarea {
  resize: none !important;
}

@media screen and (max-width: 800px) {
  .layui-card-header {
    line-height: normal !important;
    font-size: 10px !important;
  }
}



        .body-top-type {
            background-color: #EFEFEF;
            margin-top: 5px;
            height: auto;
            padding: 5px;
            overflow: hidden;
            border: 1px solid #E4E3E2;

        }

        .body-top-type-content {
            margin-top: 5px;
        }

        .body-top-type-content-list {
            margin-bottom: 3px;
            border: 1px solid #E4E3E2;
            width: 80%;
            background-color: #ffffff;
            height: 50px;
            line-height: 50px;
            padding: 3px 0px;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            cursor: pointer;
        }

        .body-top-type-content-list img {
            width: 42px;
            height: 42px;
            float: left;
            margin-left: 2px;
            margin-right: 5px;
        }


        .layui-table,
        .layui-table-view {
            margin: 0;
        }

        .body-buttom-title {
            color: #333333;
            padding-left: 15px;
            line-height: 30px;
        }

        .layui-table td,
        .layui-table th {
            font-size: 12px;
        }

       /*  thead .laytable-cell-1-0-5,
       thead .laytable-cell-1-0-6,
       thead .laytable-cell-1-0-7 {
           line-height: 14px;
           overflow: visible;
           white-space: pre-wrap;
       } */

        .layui-table-cell {
            text-align: center;
        }

        .layui-laypage-curr em {
            color: #000 !important;
            background-color: #F2F2F2 !important;
        }

        .layui-table-main .laytable-cell-1-0-0 {
            color: #13A1D9;
        }

        .layui-table-main {
            cursor: pointer;
        }

        #backtop {
            width: 50px;
            height: 50px;
            background: rgba(0, 0, 0, 0.3);
            color: #fff;
            text-align: center;
            border-radius: 2px;
            border: none;
            box-shadow: none;
            position: fixed;
            top: 40%;
            right: 10px;
            cursor: pointer;
            line-height: 18px;
        }

        .layui-nav {
            background-color: #fff;
            width: 100%;
        }

        .layui-nav a {
            color: #333333 !important;
        }

        .layui-nav-itemed>.layui-nav-child {
            background-color: #fff !important;
            text-align: center;
        }
        

        .layui-nav-item a:hover {
            background-color: #ffffff !important;
        }

        .layui-nav-itemed .layui-nav-more {
            border-color: transparent transparent #1372B0 !important;
        }

        .layui-nav-more {
            border-color: #1372B0 transparent transparent !important;
        }

        .layui-nav {
            border: 1px solid #E4E3E2;
        }

        .layui-nav-child {
            overflow: hidden;
        }

        .layui-nav-child img {
            width: 100px;
        }
       
        .body-buttom-left-body-input {
            margin: 10px 0px;
            width: 76%;
            margin-left: 12%;
        }

        .body-buttom-left-body-input input {
            width: 100%;
            height: 36px;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border: 1px solid #EFEFEF;
            outline: 0;
            padding-left: 10px;
        }
        .body-buttom-left-body-input input::-webkit-input-placeholder{
            font-size:12px;
        }

        .body-buttom-left-body-sel div {
            padding: 0px 5px;
            cursor: pointer;
        }
        .body-buttom-left-body-sel span{
            font-size: 12px;
        }

        .body-buttom-left-body-sel {
            width: 100%;
            text-align: left;
            color: #61A1CB;
        }

        .layui-nav-child {
            line-height: 17px;
        }

        .body-buttom-left-body-sel div img {
            width: 10px;
            float: left;
            margin-top: 2px;
        }

        .body-buttom-left-body-title {
            padding: 0 10px;
            line-height: 30px;
            background-color: #EFEFEF;
            width: 100%;
            border-bottom: 2px solid #fff;
            font-weight: bold;
        }

        .all_clear {
            float: right;
            color: #1372b0;
            cursor: pointer;
            font-size: 12px;
        }

        .body-buttom-title {
            border-width: 1px;
            border-style: solid;
            border-color: #e6e6e6;
        }

        .bottom {
            margin-bottom: 20px;
        }
        .layui-nav-tree .layui-nav-bar{
            background-color:#36648A;
        }
        .layui-nav-tree .layui-nav-item a{
            background-color: #EFEFEF;        }
      .maodian{position: relative;top: -61px; display: block;height: 0;overflow: hidden;}
      .maodian1{position: relative;top: -80px; display: block;height: 0;overflow: hidden;}
      #seltitle .seltitle-t{height:20px;line-height:20px;}
      #seltitle .seltitle-d{height:20px;line-height:20px;}
      #seltitle .body-top-type-content-list:hover{background-color:#36648A;color:#ffffff;}
      .hang{cursor:pointer;}
      .hang:hover{background-color:#36648A;}
      .hang a{color:#333;}
      .hang .Product_Number{color:#36648A;}
      .hang:hover a{color:#ffffff;}
      .hang:hover .Product_Number{color:#ffffff;}
    .price{color: #19792f}
    .layui-card-body{
        padding: 10px 5px;
    }
   a:hover{background-color: #ffffff}
    .layui-nav .body-buttom-left-body-sel a {
        color: #36648A !important;
        height: 20px;line-height:20px;background-color: #ffffff;font: 12px/14px arial,helvetica,sans-serif;padding:0px;
    }

    .selti{height: 30px;line-height: 30px;margin-bottom:1px;font-weight: bold;font-size: 12px;}
    .skatelist div{height:40px;padding-top:5px}
    .skatelist img{height:210px}
    .jianjie p{color:#333;}
    .jianjie h3{padding-bottom: 10px}
    .body-buttom-left{ padding-right: 5px;padding-left: 5px;}
.body-buttom-right{ padding-right: 5px;padding-left: 5px;}
</style>
<div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif;'>
    <div class="layui-card">
        <div class='firstbreadcrumb' style='display: inline-block;'>
            <span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
        </div>
        <div class="layui-card-header">
            <h1>7mm {:lang('Skateboard Bearings')}</h1>
        </div>
       

        <div class="body-buttom" style="margin-top: 20px">
            <div class="layui-row">
               
                <div class="layui-col-sm2 body-buttom-left">
                    <div class="body-buttom-left-body-title">{:lang('FILTERS')}</div>
                    <ul class="layui-nav layui-nav-tree body-buttom-left-body-content"  style='height:819px'>
                        <li class="layui-nav-item layui-nav-itemed">
                            <a href="javascript:;" class='selti'>{:lang('BEARING SIZE')}</a>
                            <dl class="layui-nav-child">
                                <div class="body-buttom-left-body-input">
                                    <div class="body-buttom-left-body-sel">
                                        <a href="/resources/application-solutions/skateboard-bearings/8mm-axle/">8 mm {:lang('Axle')}</a>
                                        <a href="/resources/application-solutions/skateboard-bearings/7mm-axle/">7 mm {:lang('Axle')}</a>
                                        <a href="/resources/application-solutions/skateboard-bearings/10mm-axle/">10 mm {:lang('Axle')}</a>
                                    </div>
                                </div>
                            </dl>
                        </li>
                        <li class="layui-nav-item layui-nav-itemed">
                            <a href="javascript:;" class='selti'>{:lang('ACCESSORIES')}</a>
                            <dl class="layui-nav-child">
                                <div class="body-buttom-left-body-input">
                                    <div class="body-buttom-left-body-sel">
                                        <a href="/resources/application-solutions/skateboard-bearings/spacer-and-washer/">{:lang('Spacer & Washer')}</a>
                                    </div>
                                </div>
                            </dl>
                        </li>
                        <li class="layui-nav-item layui-nav-itemed">
                            <a href="javascript:;" class='selti'>{:lang('PACKAGING')}</a>
                            <dl class="layui-nav-child">
                                <div class="body-buttom-left-body-input">
                                    <div class="body-buttom-left-body-sel">
                                        <a href="/resources/application-solutions/skateboard-bearings/general-skateboard-bearing-packaging/">{:lang('General')}</a>
                                        <a href="/resources/application-solutions/skateboard-bearings/skateboard-bearings-paper-packaging/">{:lang('Paper Packaging')}</a>
                                        <a href="/resources/application-solutions/skateboard-bearings/skateboard-bearings-plastic-box/">{:lang('Plastic Box')}</a>
                                        <a href="/resources/application-solutions/skateboard-bearings/skateboard-bearings-metal-box/">{:lang('Metal Box')}</a>
                                    </div>
                                </div>
                            </dl>
                        </li>
                    </ul>
                </div>
              
                <div class="layui-col-sm10 body-buttom-right" id='selright' style="float: right;">
                    <div class="layui-col-sm3 skatelist" style='text-align:center;padding:0px 5px 5px 0px'>
                        <a href="/resources/application-solutions/skateboard-bearings/abec-9-zro2-ceramic-627-skateboard-bearings/">
                            <img src="{:Config::get('app.images_host')}/images/web/2014112613554829041.jpg">
                            <div>{:lang('ABEC-9 Zro2 Ceramic 627 Skateboard Bearings')}</div>
                        </a>
                    </div>
                    <div class="layui-col-sm3 skatelist" style='text-align:center;padding:0px 5px 5px 0px'>
                        <a href="/resources/application-solutions/skateboard-bearings/abec-9-627-2rs-chrome-steel-skateboard-bearings/">
                            <img src="{:Config::get('app.images_host')}/images/web/2014112614251860340.jpg">
                            <div>{:lang('ABEC-9 627 2RS Chrome Steel Skateboard Bearings')}</div>
                        </a>
                    </div>
                    <div class="layui-col-sm3 skatelist" style='text-align:center;padding:0px 5px 5px 0px'>
                        <a href="/resources/application-solutions/skateboard-bearings/abec-9-ceramic-627-skateboard-bearings/">
                            <img src="{:Config::get('app.images_host')}/images/web/2014112614385279576.jpg">
                            <div>{:lang('ABEC-9 Ceramic 627 Skateboard Bearings')}</div>
                        </a>
                    </div>
                    <div class="layui-col-sm3 skatelist" style='text-align:center;padding:0px 5px 5px 0px'>
                        <a href="/resources/application-solutions/skateboard-bearings/abec-9-627-2rs-skateboard-bearings/">
                            <img src="{:Config::get('app.images_host')}/images/web/2014112614444633320.jpg">
                            <div>{:lang('ABEC-9 627-2RS Skateboard Bearings')}</div>
                        </a>
                    </div>
                 
                    <div style="clear:both"></div>
                    <div class='jianjie'>
                        <p style='color: #333;line-height: 24px;'>{:lang('6 of skate bearing 627z represents that it is a deep groove ball bearing, 2 refers to a series of deep groove ball bearing and 7 represents that the inner diameter size is 7mm. The size specification of 627 bearing is 22mm (outside diameter), 7mm (width) and 7mm (inner diameter). Sometimes we write 627 bearing like 7x22x7mm. Of course, if customers have custom requirements, we can also do it.')}</p>
                        <p style='color: #333;line-height: 24px;'>{:lang('The total skate bearings 7mm comprises several balls, two rings, one retainer (nylon or steel material) and two seals. Seals’ material can be mental or rubber seals. If you choose mental seals, we can call them 627zz. If you choose rubber, we can call them 627-2rs.')}</p>
                        <p style='color: #333;line-height: 24px;'>{:lang('Generally speaking, the material of inline speed skate bearing 7mm is chrome steel, but we can also provide some special 627 bearing materials, including stainless steel and ceramic 7mm skate bearing.')}</p>
                        <p style='color: #333;line-height: 24px;'>{:lang('We’re the largest and best 627 bearing manufacturer in China. We can provide 1 million abec7 and abec9 roller skate bearing 627z per month. At present we don’t have retail business and only do wholesale business, so I’m sorry that we only accept bulk orders.')}</p>

                    </div>

                </div>

              

            </div>
        </div>    

    </div>
</div>

{include file="index@public/footer" /} 
